<template>
  <BaseContent
    label="产品展示"
    :items="tabItem"
    class-name="nei_right_title"
    :links="breadcrumbsLinks"
  >
    <div class="nei_rt_gy_list">
      <q-card class="event-honor-card">
        <q-tabs
          v-model="tabValue"
          dense
          class="text-grey"
          active-color="orange"
          indicator-color="orange"
          align="justify"
          narrow-indicator
        >
          <q-tab name="incident" label="大事件" />
          <q-tab name="report" label="媒体报道" />
        </q-tabs>
        <q-separator />
        <q-tab-panels v-model="tabValue" animated>
          <q-tab-panel name="incident">
            <HonorTimeLine />
          </q-tab-panel>
          <q-tab-panel name="report">
            <HonorReport />
          </q-tab-panel>
        </q-tab-panels>
      </q-card>
    </div>
  </BaseContent>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import HonorTimeLine from './HonorTimeLine.vue'
import HonorReport from './HonorReport.vue'
import { DreadcrumbsLinksData } from '@/constants/constantType'

const tabValue = ref<string>('incident')
const tabItem = [
  { to: '/event-honor', label: '事件荣誉' },
  { to: '/brand', label: '品牌价值' },
  { to: '', label: '新闻电视' },
  { to: '', label: '新闻图片' },
  { to: '', label: '新闻视频' },
  { to: '', label: '新闻专题' },
]
const breadcrumbsLinks: DreadcrumbsLinksData = [
  { to: '/home', label: '首页' },
  { label: '事件荣誉' },
]
</script>

<style lang="scss" scoped></style>
